// cover some element-ui styles
// 定义变量
// 页面字体大小
$pageFont:12px;

// end

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-upload {
  input[type="file"] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}

.cell {
  .el-tag {
    margin-right: 0px;
  }
}

.small-padding {
  .cell {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.fixed-width {
  .el-button--mini {
    padding: 7px 10px;
    min-width: 60px;
  }
}

.status-col {
  .cell {
    padding: 0 10px;
    text-align: center;

    .el-tag {
      margin-right: 0px;
    }
  }
}

// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
  h4:before{
    content: ''!important;
    display: inline-block;
    width: 5px;
    height: 14px;
    background-color:#1890FF;
    border-radius: 3px;
    margin-right: 6px;
    margin-bottom: -1px;
  }
}

// refine element ui upload
.upload-container {
  .el-upload {
    width: 100%;

    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}

// dropdown
.el-dropdown-menu {
  a {
    display: block
  }
}

// fix date-picker ui bug in filter-item
.el-range-editor.el-input__inner {
  display: inline-flex !important;
}

// to fix el-date-picker css style
.el-range-separator {
  box-sizing: content-box;
}

.el-table--border .el-table__cell {
  border-right: 0;
}

.el-table--mini .el-table__cell {
  padding: 3px 0 !important;
 //padding: 7px 15px !important;
}

.el-tag{
  height: 20px;
  padding: 0 5px;
  line-height: 19px;
}

.el-button {
  padding: 7px 15px;
  font-size: $pageFont;
  //border-radius: 3px;
}

.el-table {
  font-size: $pageFont;
  color: #000000;
}

.el-input--medium .el-input__inner {
  height: 28px!important;
  line-height: 28px!important;
}

.tags-view-container .tags-view-wrapper .tags-view-item.active[data-v-fac8ca64] {
  background-color: #FFFFFF;
  color: #707070 ;
  border-color: #F1F1F5;
}

.el-dialog {
  border-radius:20px;
}

//菜单栏
.el-submenu__title{
  font-size: 16px;
  font-weight: bold;
  color:#111111;
}
.nest-menu .el-menu-item{
  padding-left: 52px !important;
}
.submenu-title-noDropdown{
  font-size: 16px;
  font-weight: bold;
  color:#111111;
}
// 全局新增样式-start by lm
.el-icon-arrow-down {
  font-size: $pageFont
}
.el-dropdown-link {
  cursor: pointer;
  color: #409EFF;
  font-family: sans-serif;
  font-size:$pageFont;
}
.title-tag {
  width: 72px;
  //height: 12px;
  display: inline-block;
  padding: 0 15px;
  line-height: 23px;
  font-size:$pageFont;
  border-width:1px;
  border-radius : 6px ;
  box-sizing:border-box;
  white-space: nowrap;
}
.el-descriptions{
  font-size: $pageFont!important;
}

.button-red {
  color:red
}

.button-add {
  margin-left: 10px;
}

.button-right {
  position: absolute;
  right: 100px;
  bottom: 10px;
}

.dialog-right {
  margin-right: 0 !important;
  margin-top: 0 !important;
}

.span-tag-0{
  color:#1890FF
}

.span-tag-1{
  color:#FC8F00
}

.span-tag-2{
  color:#22BB74
}

.span-tag-3{
  color:#999999
}

.span-tag-4{
  color:#FF6458
}

.title-tag-0{
  background-color: #E7F4FF;
  border-color: #E7F4FF;
}

.title-tag-1{
  background-color: #FFF4E5;
  border-color: #FFF4E5;
}

.title-tag-2{
  background-color: #E8F8F1;
  border-color: #E8F8F1;
}

.title-tag-3{
  background-color: #F5F5F5;
  border-color: #F5F5F5;
}

.title-tag-4{
  background-color: #FFF4EE;
  border-color: #FFF4EE;
}
//快速出库
.damage-tag-0{
  color:#1890FF
}

.damage-tag-1{
  color:#22BB74
}

.damage-tag-2{
  color:#999999
}

.title-damage-0{
  background-color: #E7F4FF;
  border-color: #E7F4FF;
}

.title-damage-1{
  background-color: #E8F8F1;
  border-color: #E8F8F1;
}

.title-damage-2{
  background-color: #F5F5F5;
  border-color: #F5F5F5;
}
//启用停用
.user-tag-0{
  color:#FCB000
}

.user-tag-1{
  color:#52C41A
}

.title-user-0{
  background-color:#FFF7E5;
  border-color: #FFF7E5;
}

.title-user-1{
  background-color: #EDF9E7;
  border-color: #EDF9E7;
}
//订单支付状态
.pay-tag-0{
  color:#FF6458
}

//已支付
.pay-tag-1{
  color:#22BB74
}

.pay-tag-2{
  color:#FC8F00
}

.pay-tag-3{
  color:#1890FF
}

.pay-tag-4{
  color:#A041FF
}

.title-pay-0{
  background-color:#FFF4EE;
  border-color: #FFF4EE;
}

.title-pay-1{
  background-color: #E8F8F1;
  border-color: #E8F8F1;
}

.title-pay-2{
  background-color: #FFF4E5;
  border-color: #FFF4E5;
}
.title-pay-3{
  background-color: #E7F4FF;
  border-color: #E7F4FF;
}
.title-pay-4{
  background-color: #F5EBFF;
  border-color: #F5EBFF;
}


.table-detail {
  margin-bottom: 35px;
}

.el-button {
  font-size: $pageFont
}

.el-input__inner{
  font-size: $pageFont!important;
}

.el-select-dropdown__item {
  font-size: $pageFont!important;
}

.filter-button {
  margin-bottom: 10px;
}

.filter-form {
  background: #F6F6F9;
  padding: 6px 8px 6px 8px;
  .search-right{
    float: right;
    line-height: 36px;
  }
  .el-form-item{
    margin-right: 10px;
    margin-bottom: 0px;
    .el-input input {
      width: 175px;
    }
  }
  form{
    width: 1000px;
  }
}
//弹窗样式调整
.el-dialog__header {
  text-align:center
}
.el-dialog {
  //width:888px
}
.el-dialog__body{
  padding: 30px 60px;
  .el-select {
    width:100%;
  }
  .el-date-editor{
    width:100%;
  }
}

//表单页面布局调整
.add-container {
  margin: 24px 60px;
  h4:before{
    content: ''!important;
    display: inline-block;
    width: 5px;
    height: 14px;
    background-color:#1890FF;
    border-radius: 3px;
    margin-right: 6px;
    margin-bottom: -1px;
  }
  h4{
    font-size: 14px;
  }
  form .el-input input {
    width: 320px;
  }
  .el-date-editor{
    width: 320px;
  }
  .el-textarea{
    width: 320px;
  }
  //明细
  .el-descriptions__title{
    font-size: $pageFont;
    font-weight: 400;
  }
}
//end

.el-button--text{
  padding: 0 15px !important;
}

//详情table宽度
.table-width{
  width: 860px;
}
